﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../source/css/base.css" rel="stylesheet" />
    <link href="../source/css/pager.css" rel="stylesheet" />
    <link rel="stylesheet" href="../source/layui-v2.5.6/css/layui.css">
    <link href="../arran_class/css/arran_class.css" rel="stylesheet" />
    <link href="../source/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../source/css/bootstrap-switch.css" rel="stylesheet">
    <link href="../source/css/bootstrap-multiselect.css" rel="stylesheet"/>
    <link href="../arrange/css/arrange_base.css" rel="stylesheet" />
    <link rel="stylesheet" href="../source/css/primary.css">
    <script type="text/javascript" src="../source/js/jquery-1.9.1.min.js"></script>
    <script src="../source/js/bootstrap-switch.js"></script>

    <script src="../source/js/pager.js"></script>

    <script src="../source/layer/layer.js"></script>
    <script src="../source/js/common_url.js"></script>
    <script src="../source/js/util.js"></script>
    <script src="../source/js/bootstrap.min.js"></script>
    <script src="../source/js/bootstrap-multiselect.js"></script>

    <script src="../arrange/js/arrange_list.js"></script>
    <script src="../arrange/js/arrange_rule.js"></script>
    <script src="../arrange/js/arrange_week.js"></script>
    <script src="../arrange/js/arrange_rule_display.js"></script>


    <title></title>

    <style>
        a:focus,
        a:hover,
        a{
            color: #333;
            text-decoration: none;
        }
        .bootstrap-switch {
            height: 35px;
            width: 130px;
            margin-right: 94px;
        }
        .form-control{
            background-color: #f4f4f4;
        }
        .btn-default{
            background-color: #D6D7D9;
            border-color: #D6D7D9;
            border-radius: 0;
            outline:none;
        }
        .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
            text-align: center;
        }
        .bootstrap-select>.dropdown-toggle{
            height: 36px;
            border-top: 1px #ccc solid;
            position: relative;
            width: 100%;
            z-index: 1;
            text-align: right;
            white-space: nowrap;
            top: -1px;
        }
        .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
            color: #333;
            background-color: #d6d7d9;
        }
        .bootstrap-select .dropdown-menu li,.bootstrap-select .dropdown-menu {
            background: #d6d7d9;
        }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: #337ab7;
        }
        .bootstrap-select .dropdown-menu li a{
            text-align: center;
        }
        .bootstrap-select .dropdown-menu li a span.text {
            margin-left: -10px;
        }

        /*add*/
        .btn-dia{
            width: 64px;
            height: 34px;
            line-height: 22px;
            font-size: 12px;
            color: #ccc;
            background-color: #fff;
            border-color: #ccc;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .btn-type{
            width: 64px;
            height: 34px;
            margin-right: 30px;
            line-height: 22px;
            font-size: 12px;
            color: #ccc;
            background-color: #fff;
            border-color: #ccc;
            margin-left: -5px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .btn-comm{
            background: #FDB700;
            color: #fff;
        }
        .btn-dia:hover,.btn-type:hover{
            color: #ccc;
        }
        .btn-comm:hover,.btn-comm:visited,.btn-comm:link{
            color: #fff;
        }
    </style>


</head>
<body >
    <div id="d_middle_bar">
        <div class="sup clearfix">
            <div class="mui-user"><span id="name_index" class="mui-userName"></span><span id="dept_name_index" class="mui-deptInfo"></span><i onclick="linkEditPwd()" class="mui-setting" ></i></div>
            <div class="mui-tabs">
                <ul class="clearfix" style="margin: 0">
                    <li ><a href="../index.html">分诊管理</a></li>
                    <li class="active"><a href="#">排班管理</a></li>
                </ul>
            </div>
            <div class="mui-search" style="display: none">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input"  id="text_patinfo" placeholder="患者姓名或就诊号">
                </div>
                <button class="layui-btn" onclick="queryPatInfo()">搜索</button>
            </div>
        </div>
    </div>


    <div class="main_body">
        <!--顶部操作栏-->
        <div class="d_toolbar">
            <span class="s_searchpara_bar">
                <span id="span_dept">
                    科室:&nbsp;
                    <select id="dept_infolist" onchange="queryRule();" style="width:200px"></select>
                </span>
                <span id="span_infoname">
                    规则名称:&nbsp;
                    <input type="text" id="txt_insname" style="width:200px;height:25px;" name="txt_insname" value="" />
                    <input type="button" name="name" value="查询" class="btn btn-primary" onclick="loadDisplayRuleTable();" />
                </span>
            </span>
            <span class="s_operate_bar" style="width:30%">
                <!--<a href="#" class="btn btn-default" id="but_save" name="but_save"><i class="Hui-iconfont" onclick="saveArrangeRule();">&#xe632;</i> 保存</a>
                <a href="#" class="btn btn-success" id="but_add" name="but_add" style="display:none;"><i class="Hui-iconfont" onclick="saveArrangeRule();">&#xe600;</i> 添加</a>
                <a href="#" class="btn btn-secondary" id="but_export" name="but_export"><i class="Hui-iconfont" onclick="exportArrangeRule();">&#xe644;</i> 导出</a>
                <a href="#" class="btn btn-success" id="but_new" name="but_new" style="display:none;"><i class="Hui-iconfont" onclick="saveArrangeRule();">&#xe600;</i> 新建</a>-->
            </span>

        </div>

        <div id="viewcontent">
            <div class="tab" role="tabpanel">
                <ul class="nav nav-tabs" role="tablist" id="mytab">
                    <li role="presentation"><a href="#d_section1" id="a_pbgz" aria-controls="home" role="tab" data-toggle="tab" onclick="changeOperate(0)">排班规则</a></li>
                    <li role="presentation"><a href="#Section2" id="a_bzpb" aria-controls="profile" role="tab" data-toggle="tab" onclick="changeOperate(1)">本周排班</a></li>
                    <!-- <li role="presentation"><a href="#Section3" id="a_xsgz" aria-controls="profile" role="tab" data-toggle="tab" onclick="changeOperate(2)">显示规则</a></li>-->
                </ul>
                <div class="tab-content tabs">
                    <div role="tabpanel" class="tab-pane fade" id="d_section1">
                        <!--排班规则-->
                        <div id="d_pbgz" style="height:450px; text-align:center">
                            <!--标签1内容-->
                            <table class="table table-border table-bg table-hover" id="table_arrrule">
                                <thead>
                                    <tr>
                                        <th>工号</th>
                                        <th>医生</th>
                                        <th>职称</th>
                                        <th>周一</th>
                                        <th>周二</th>
                                        <th>周三</th>
                                        <th>周四</th>
                                        <th>周五</th>
                                        <th>周六</th>
                                        <th>周日</th>
                                    </tr>
                                </thead>
                                <tbody id="table_arrange_rule"></tbody>
                            </table>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="Section2">
                        <!--本周排班-->
                        <div id="d_bzgz" style="height:450px;text-align:center">
                            <!--标签2内容-->
                            <div id="d_q_1">
                                <span class="btn-group">
                                    <button type="button" id="but_lastweek" name="but_lastweek" class="btn btn-default">上一周</button>
                                    <button type="button" id="but_thisweek" name="but_thisweek" class="btn btn-default">本周</button>
                                    <button type="button" id="but_nextweek" name="but_nextweek" class="btn btn-default">下一周</button>
                                </span>
                            </div>
                            <table class="table table-border table-bg table-hover" id="table_bzpb">
                                <thead id="th_bzpb_head">
                                </thead>
                                <tbody id="t_table_bzpb_content"></tbody>
                            </table>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="Section3">
                        <!--本周排班-->
                        <div id="d_xsgz" style="height:450px;text-align:center">
                            <!--标签3内容-->
                            <table class="table table-border table-bg table-hover" id="table_ruledisplay">
                                <thead>
                                    <tr>
                                        <th>规则名称</th>
                                        <th>修改时间</th>
                                        <th>分辨率</th>
                                        <th width="400px"></th>
                                    </tr>
                                </thead>
                                <tbody id="tbody_ruledisplay"></tbody>
                            </table>

                            <div class="d_pagebar">
                                <ul class="pagination" id="ruledisplay_pagebar"></ul>
                                <div class="pageJump">
                                    <span>跳转到</span>
                                    <input type="text" />
                                    <span>页</span>
                                    <button type="button" class="button">确定</button>
                                    <span>共<a></a>条</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</body>
</html>
